<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />

  <!-- Title: -->
  <title>MADMIN</title>

  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="description" content="" />
  <meta name="author" content="" />

  <!-- Bootstrap Styles -->
    <!-- Bootstrap 2.0.4 -->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
    <!-- Font Awesome 2.0 -->
      <link rel="stylesheet" href="fonts/font-awesome/css/font-awesome.min.css" />
      
    <!-- /Font Awesome 2.0 -->
    <!-- IcoMoon font pack -->
      <link rel="stylesheet" href="fonts/icomoon-pack-madmin-1.5/style.css" />
      
    <!-- /IcoMoon font pack -->
  <!-- /Bootstrap Styles -->

  <!-- Theme Styles -->

    <!-- Libs Styles -->

    <!-- /Libs Styles -->

    <!-- Core Theme Styles -->
    <!-- <link rel="stylesheet/less" href="styles/style.less" /> -->
    <link rel="stylesheet" href="styles/style.css" />
    
  <!-- /Theme Styles -->

  <!-- CMS/Framework styles & scripts -->
    <!-- ADD HERE -->
  <!-- /CMS/Framework styles & scripts -->

  <!-- Style tweaks to CMS/plugins/widgets -->
    <!-- ADD HERE -->
    <!-- eg.: <link href="css/tweaks.css" rel="stylesheet" /> -->
  <!-- /Style tweaks to CMS/plugins/widgets -->

  <!-- HTML5 shim, for IE6-8 support of HTML5 elements:
       load latest from Google Code, fall back to local if offline -->
  <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <script>window.html5 || document.write('<script src="js/libs/fixes/html5.js"><\/script>')</script>
  <![endif]-->

  <!-- Icons: place favicon.ico and apple-touch-icon.png in the root directory (more: mathiasbynens.be/notes/touch-icons) -->
    <!--
    <link rel="shortcut icon" href="bootstrap/ico/favicon.ico" />
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="bootstrap/ico/apple-touch-icon-114-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="bootstrap/ico/apple-touch-icon-72-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" href="bootstrap/ico/apple-touch-icon-57-precomposed.png" />
    -->
  <!-- /Icons -->

  <!-- Fonts -->
    <!-- ADD HERE -->
  <!-- /Fonts -->

  <!-- LESS -->
  <!-- <script src="_tools/less-1.3.0.min.js"></script> -->
</head>

<body class="no-sidebar-page">

<!--============================= Page Body =================================-->



<div class="container-fluid" id="container">

  <!-- #content.row-fluid: The Main Content Section

    Just add the page content here for a regular page or use .page DIVs for panel pages.
    Use Bootstrap fluid layout for best effect.

  -->
     
  <div class="panel" id="panel-login">

    <header>
      <i class="icon-sign-blank"></i>
      <span>系统登录</span>
    </header>

    <div class="content">

      <form action="" method="post">
      
        <h4>输入您的用户名和密码</h4>
        <br />
        
        <div class="login-fields">
                          
          <div class="field">
            <label for="username">帐 户:</label>
            <input type="text" id="username" name="username" value="" placeholder="Username" class="login username-field input-xlarge">
          </div> <!-- /.field -->
          
          <div class="field">
            <label for="password">密 码:</label>
            <input type="password" id="password" name="password" value="" placeholder="Password" class="login password-field input-xlarge">
          </div> <!-- /.field -->
          
        </div><!-- /.login-fields -->
        
        <div class="login-actions">
          
          <br />
          <span class="login-checkbox">                
            <label class="choice">
              <input id="Field" name="Field" type="checkbox" class="field login-checkbox" value="First Choice" tabindex="4">
              &nbsp;保持登录状态
            </label>
          </span>
          
          <br />
          <button class="button btn btn-large btn-primary btn-madmin">登 录</button>
          
        </div><!-- /.login-actions -->
      
      </form>

    </div><!-- /.content -->

  </div><!-- /.panel -->

</div><!-- /.container-fluid#container -->



<!--============================= /Page Body ================================-->

<!-- Javascript: placed at the end of the document to speed up page loading
     (generally gives more consistent behavior than 'defer') -->

  <!-- Scripts will most likely break in IE6 and below, so why bother loading them? -->
  <!--[if lte IE 6]><noscript><![endif]-->

  <!-- CMS/Framework scripts -->
    <!-- ADD HERE -->
  <!-- /CMS/Framework scripts -->

  <!-- jQuery -->
    <!-- 1: Grab Google CDN's jQuery, if the CMS/Framework hasn't loaded it -->
    <!-- 2: ...fall back to local if offline -->
    <script>window.jQuery || document.write('<script src="js/libs/jquery-1.8.3.min.js"><\/script>')</script>
    <!-- 3: if jQuery was loaded in compatibility mode, where you have to use the
            long 'jQuery(...)' instead of '$(...)' (Wordpress does this), revert
            to to "classic" jQuery behavior -->
    <script>if ($ === undefined) $ = jQuery</script>
  <!-- /jQuery -->

  <!-- Bootstrap Components -->
  <script src="bootstrap/js/bootstrap.min.js"></script>


<!-- /Javascript -->

</body>
</html>